<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分支结构</title>
</head>
<body>
<input type="text" placeholder="请输入您的成绩" id="scode">
    <button onclick="funIf()">点我一下</button>
</body>
<script>
    /*
        流程控制， 结构控制
            顺序结构： 前面我们写的所有代码都是顺序结构
            分支结构： if-else   switch-case
            循环结构： for 循环  while循环  do-while
     */
    function funIf() {
        // if (true) {
        //     console.log("true")
        // }else{
        //     console.log("false")
        // }
        // console.log("end")

        //获取成绩
        var score = Number(document.getElementById("scode").value)
        //按照等级判断 优良中差
        if(score<=100 && score>=90){
            document.write("优秀")
        }else if(score <90 && score >=80){
            document.write("良好")
        }else if(score <80 && score >= 70){
            document.write("中等")
        }else if(score <70 && score>=60){
            document.write("及格")
        }else if(score <60 && score>=0){
            document.write("不及格")
        }else{
            document.write("您输入的成绩不合法")
        }



        //判断成绩是否及格
        // if(score >= 60){
        //     document.write("<h2>及格</h2>")
        // }else{
        //     document.write("<h2 style='color:red'>不及格</h2>")
        // }
    }

</script>
</html>